{% block js %}
    <!-- echarts -->
    <script src="{{ url_for('static', 
        filename='js/echarts.min.js') }}" 
        type="text/javascript">
    </script>

    <!-- echarts字符云扩展 -->
    <!-- 字符云可以将文字根据不同的权重布局为大小、颜色各异的图，支持使用图片作为遮罩。 -->
    <script src="{{ url_for('static', 
      filename='js/echarts-wordcloud.min.js') }}" 
      type="text/javascript">
    </script>
    <!-- <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts-wordcloud.min.js"></script> -->

{% endblock %}    

<!-- 导入Bootstrap -->
{% extends "bootstrap/base.html" %}

<!-- 标题 -->
{% block title %}个人简历生成平台{% endblock %}

<!-- 菜单栏 -->
{% block navbar %}
<div class="navbar navbar-default"  role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle"
      data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="/">
        <span class="glyphicon glyphicon-user"></span>
      </a>
    </div>
    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav  me-auto">
        <li>
          <a href="/pie">
            <span class="glyphicon glyphicon-record"></span>
            饼图
          </a>
        </li>

        <li>
          <a href="/polar">
            <span class="glyphicon glyphicon-dashboard"></span>
            极标
          </a>
        </li>
        
        <li>
          <a href="/bar">
            <span class="glyphicon glyphicon-stats"></span>
            柱状
          </a>
        </li>
        <li>
          <a href="/line">
            <span class="glyphicon glyphicon-random"></span>
            折线
          </a>
        </li>
        
        <li>
          <a href="/scatter">
            <span class="glyphicon glyphicon-gift"></span>
            散点
          </a>
        </li>

        <li>
          <a href="/radar">
            <span class="glyphicon glyphicon-screenshot"></span>
            雷达
          </a>
        </li>

        <li>
          <a href="/kline">
            <span class="glyphicon glyphicon-sort"></span>
            K线
          </a>
        </li>

        <li>
          <a href="/boxplot">
            <span class="glyphicon glyphicon-inbox"></span>
            箱形
          </a>
        </li>

        
        <li>
          <a href="/funnel">
            <span class="glyphicon glyphicon-filter"></span>
            漏斗
          </a>
        </li>

        <li>
          <a href="/wordcloud">
            <span class="glyphicon glyphicon-cloud"></span>
            词云
          </a>
        </li>

        <li>
          <a href="/">
            <span class="glyphicon glyphicon-login"></span>
            登录
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>
{% endblock %}

<!-- 内容 -->
{% block content %}
    <div id="alert">
        <!-- 2.0修改 -->
        <!-- 显示flash提示信息 -->
        {% for message in get_flashed_messages(with_categories = True) %}
            <div class="alert alert-{{ message[0] }} role = 'alert' alert-dismissable">
                <button type="button" class="close" 
                    data-dismiss="alert" aria-hidden="true">&times;</button>
                {{ message[1] }}
            </div>
         {% endfor %}
    </div>
    <div class="container">
        <!-- 页面内容 -->
        {% block page_content %}
        {% endblock %}
    </div>
    <div class="container">
        <!-- 版权信息 -->
        {% block footer %}
            <hr/>
            <div class="text-center text-muted">
                版权所有，免费使用<br />
                地址：新疆乌鲁木齐
            </div>
        {% endblock %}
    </div>
{% endblock %}
